<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>审批详情</title>
    <link rel="stylesheet" type="text/css" href="../../css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/approvalInfo.css"/>
    <script src="../../js/mui.min.js"></script>
    <script src="../../js/jquery.min.js"></script>
    <script src="../../js/main.js"></script>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <span class="back" @click="back"></span>
    <span class="cross"></span>
    <h1 class="mui-title">审批详情</h1>
</header>
<div class="mui-content">
    <div class="module">
        <div class="title">
            <div class="person">
                <div >
                    <div class="person-img">王</div>
                </div>
                <p class="name">王芳 <span>2017-10-28</span><span>10:00</span></p>
                <p class="status standby">待审批</p>
                <div class="clearFix"></div>
            </div>
        </div>
        <div class="mui-input-row">
            <label>审批事由 :</label>
            <div class="info">会议出差</div>
            <div class="clearFix"></div>
        </div>
        <div class="mui-input-row">
            <label>审批详情 :</label>
            <div class="info">
                2017年11月5日到2017年11月10日共五天时间，参加某某大型会议，望领导批准。
            </div>
            <div class="clearFix"></div>
        </div>
    </div>
    <div class="module">
        <div class="dashed"></div>
        <div class="approver">
            <div class="add-approver">
                <div class="people">
                    <div class="approver-img">王</div>
                    <div class="clearFix"></div>
                </div>
                <div class="people_status">
                    <p class="add-person">发起申请</p>
                    <p class="add-person date">10.28 10:09</p>
                </div>
                <div class="clearFix"></div>
            </div>
            <div class="add-approver">
                <div class="people">
                    <div class="approver-img" style="background: rgb(239,110,91);">李</div>
                    <div class="clearFix"></div>
                </div>
                <div class="people_status">
                    <p class="add-person">李蕾 <span class="agree">已同意</span></p>
                    <p class="add-person isAgree">同意申请.</p>
                    <p class="add-person date">10.28  10:09</p>
                </div>
                <div class="clearFix"></div>
            </div>
            <div class="add-approver">
                <div class="people">
                    <div class="approver-img">高</div>
                </div>
                <div class="people_status">
                    <p class="add-person">高虎 <span class="standby">待审批</span></p>
                </div>
                <div class="clearFix"></div>
            </div>
        </div>
    </div>
    <div class="module">
        <div class="carbonCopy ">
           <p>抄送人&nbsp; :&nbsp; <span>(审批通过后，通知抄送人)</span></p>
            <div class="add-approver">
                <div >
                    <div class="approver-img">刘</div>
                </div>
                <p class="add-person">刘斌</p>
            </div>
            <div class="add-approver">
                <div >
                    <div class="approver-img">黄</div>
                </div>
                <p class="add-person">黄磊</p>
            </div>
            <div class="add-approver">
                <div >
                    <div class="approver-img">高</div>
                </div>
                <p class="add-person">高虎</p>
            </div>
            <div style="clear:both;"></div>
        </div>
    </div>
    <div class=" footer">
        <div class="submit-btn">
            <button class="mui-btn mui-btn-primary">评论</button>
        </div>
    </div>
</div>
</body>
<script>
    $(function () {
        $(".add-btn").click(function () {
            $(".pop-up-bg").show();
            var url = "";
            var data = {};
            common_ajax(url,data,function () {
                alert("请求成功");
            },function () {
                alert("请求失败");
            });
        });
        $(".close").click(function () {
            $(".pop-up-bg").hide();
        });

        $(".carbonCopy .approver-img").each(function () {
            var r = parseInt(Math.random()*255);
            var g = parseInt(Math.random()*255);
            var b = parseInt(Math.random()*255);
            var rgb="rgb("+r+","+g+","+b+")";
            $(this).css("background-color",rgb);
        })

    })
</script>
</html>